// components/CodeBlock.js
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
import { vs } from 'react-syntax-highlighter/dist/esm/styles/hljs';

const CodeBlock = ({ language, value }) => {
    return (
        <div className="overflow-x-auto whitespace-pre-wrap w-full max-w-full">
            <SyntaxHighlighter language={language} >
                {value}
            </SyntaxHighlighter>
        </div>
    );
};

export default CodeBlock;